<!DOCTYPE html>
<html>
  <head>
    <title><%= title %></title>
    <link rel="stylesheet" href="/stylesheets/style.css" />
    <style>
      h1 {
        font-size: 4rem;
      }
      p {
        font-size: 2rem;
      }
      a {
        font-size: 2rem;
      }
      pre {
        font-size: 2rem;
      }
      ul li {
        padding: 50px 0;
      }
    </style>
  </head>
  <body>
    <h1><%= title %></h1>
    <p><%= content %></p>
    <ul>
      <li>
        <a href="<%= hrefUrl %>"><%= hrefTitle %></a>
      </li>
      <li>
        <a href="<%= locals.hrefUrl2 || '' %>"
          ><%= locals.hrefTitle2 || '' %></a
        >
      </li>
      <li>
        <a href="<%= locals.hrefUrl3 || '' %>"
          ><%= locals.hrefTitle3 || '' %></a
        >
      </li>
    </ul>
    <pre>
      <%= info %>
    </pre>
  </body>
</html>
